.page3{
    background: url("../img/bg999.jpg") no-repeat;
}
.page3 img {
    position: absolute;
}

.page3 .title3 {
    width: 200%;
    height: 18%;
    left: -50%;
    top: -3%;
}

.page3 p {
    position: absolute;
    z-index: 99;
    color: rgb(167, 167, 167);
    font-size: 12px;
    font-family: "微软雅黑 Light", "Segoe UI";

}

.yuangengp {
    top: 16%;
    left: 44%;
    /*transform: rotate(-15deg);*/
}

 .yuangeng {
    width: 100%;
    height: 30%;
    top: 13%;
    left: 10%;
    /*transform: rotate(-15deg);*/
}

.yansu {
    width: 100%;
    height: 30%;
    top: 50%;
    left: 10%;
    /*transform: rotate(15deg);*/
    z-index: 5;
}

.yansup {
    top: 52%;
    left: 42%;
    /*transform: rotate(15deg);*/
    letter-spacing: 1px;
    z-index: 5;
}


.songwencong{
    width: 100%;
    height: 30%;
    top:21%;
    left: -7%;
    /*transform: rotate(15deg);*/
    z-index: 10;
}
.songwencongp{
    color: #000!important;
    font-weight:bold;
    top:21%;
    left: 5%;
    /*transform: rotate(15deg);*/
}

.yangjiang{
    width: 100%;
    height: 30%;
    top:60%;
    left: -7%;
    /*transform: rotate(-15deg);*/
    z-index: 15;
}
.yangjiangp{
    top:60%;
    left: 2%;
    color: white!important;
    /*transform: rotate(-15deg);*/
}

.pic{
    width: 100%;
    height: 22%;
    position: absolute;
    opacity: 0.8;
}

.pic1{
    top:12%;
}
.pic2{
    top:34%;
}
.pic3{
    top:56%;
}
.pic4{
    top:78%;
}

@keyframes move {
    0%{
        width: 100%;
        height: 30%;
        top: 13%;
        left: 10%;
    }
    100%{
        width: 100%;
        height: 22%;
        position: absolute;
        opacity: 0.8;
        top:12%;
        left:0;
    }
}
.gogogo{
    animation-name: move;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-delay: 500ms;
}
@keyframes move1 {
    0%{
        width: 100%;
        height: 30%;
        top: 50%;
        left: 10%;
    }
    100%{
        width: 100%;
        height: 22%;
        position: absolute;
        opacity: 0.8;
        top:34%;
        left:0;
    }
}
.gogogo1{
    animation-name: move1;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-delay: 500ms;
}
@keyframes move2 {
    0%{
        width: 100%;
        height: 30%;
        top:21%;
        left: -7%;
    }
    100%{
        width: 100%;
        height: 22%;
        position: absolute;
        opacity: 0.8;
        top:56%;
        left:0;
    }
}
.gogogo2{
    animation-name: move2;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-delay: 500ms;
}
@keyframes move3 {
    0%{
        width: 100%;
        height: 30%;
        top:60%;
        left: -7%;
    }
    100%{
        width: 100%;
        height: 22%;
        position: absolute;
        opacity: 0.8;
        top:78%;
        left:0;
    }
}
.gogogo3{
    animation-name: move3;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-delay: 500ms;
}